@charset "utf-8";
$fontcolor1:#ff6b08;
$fontcolor2:#ffffff;
$fontcolor3:#ff6900;
$fontcolor4:#2a2a2a;
$fontcolor5:#e34637;

/*新闻顶部*/

#newsTop {
    .container {
        padding-top: 41px;
        padding-bottom: 70px;
        h2 {
            font-size: 30px;
            color: $fontcolor1;
            margin-bottom: 39px;
        }
        .pic {
            position: relative;
            overflow: hidden;
            cursor: pointer;
            img{
                width: 100%;
            }
            .insert {
                width: 100%;
                height: 42px;
                text-align: center;
                background-color: #000000;
                opacity: 0.6;
                position: absolute;
                left: 0;
                bottom: -42px;
                span {
                    line-height: 42px;
                    font-size: 14px;
                    color: $fontcolor2;
                }
            }
        }
        .pic:hover>.insert {
            transform: translateY(-42px);
            transition: all 0.5s;
        }
    }
}


/*新闻主体*/

#newsBody {
    .container {
        .rightRow {
            height: 136px;
            h3 {
                font-size: 18px;
                margin-bottom: 15px;
            }
            p {
                font-size: 14px;
                color: $fontcolor4;
            }
            p:nth-of-type(1){
                margin-bottom: 22px;
            }
            .lookBtn{
                width: 98px;
                height: 32px;
                border-radius: 15px;
                border: 1px solid $fontcolor3;
                text-align: center;
                span{
                    color: $fontcolor3;
                    font-size: 14px;
                    line-height: 32px;
                }
            }
        }    
            .rightRow:hover,.rightRow:active{
                h3{
                    color: $fontcolor3;
                }
                .lookBtn{
                    background-color: $fontcolor3;
                    span{
                        color: $fontcolor2;
                    }
                }
            }
            
            .leftRow,.rightRow{
                margin-bottom: 65px;
            }
    }
}


/*分页脚部分*/

#paging {
    .container {
        border-top: 1px dashed #d4d4d4;
        .pageBtn {
            margin: 35px;
            text-align: center;
            ul {
                font-size: 0;
                li {
                    display: inline-block;
                    width: 33px;
                    height: 31px;
                    border: solid 1px #dddddd;
                    text-align: center;
                    font-size: 12px;
                    span {
                        line-height: 31px;
                        color: $fontcolor4;
                    }
                }
                li:nth-of-type(1) {
                    width: 52px;
                }
                li:nth-of-type(2),
                li:nth-of-type(7) {
                    width: 62px;
                }
                li:active,
                li:hover,
                li:visited {
                    background-color: $fontcolor5;
                    color: $fontcolor2;
                }
            }
        }
    }
}

/*媒体查询*/
@media (max-width:408px){
    #paging .container .pageBtn ul>li:nth-of-type(1),#paging .container .pageBtn ul>li:nth-of-type(4),#paging .container .pageBtn ul>li:nth-of-type(5),#paging .container .pageBtn ul>li:nth-of-type(6){
        display: none;
    }
}
@media (max-width:768px){
    #newsTop .row>.col-sm-4{
        margin-bottom: 28px;
    }
    #newsBody .container .leftRow{
        margin-bottom: 16px;
    }
    #newsBody .container .rightRow p:nth-of-type(1){
        margin-bottom: 8px;    
    }
    #newsBody .container .rightRow {
        height: auto;
    }
}
@media (max-width:991px){
    #newsBody .row>.leftRow{
        width: 33.33333333%
    }
    #newsBody .row>.rightRow{
        width: 66.66666667%;
    }
    #newsBody .row>.rightRow .col-sm-offset-10{
        margin-left: 72.333333%;
    }
}
